@charset "utf-8";
@import "reset";
@import "common";
@import "iconfont";
@import "s_news";

.content {
    position: absolute;
    top: r(90px);
    bottom: r(95px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #FFFFFF;
    -webkit-overflow-scrolling: touch;
    .carousel {
        .lunbo_wrap {
            position: relative;
            overflow: hidden;
            width: 100%;
            //          height: r(340px)!important;
            .pic_box {
                height: 100%;
                width: 100%;
                list-style: none;
                white-space: nowrap;
                font-size: 0;
                >li {
                    display: inline-block;
                    position: relative;
                    height: 100%;
                    >img {
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                    .lunbo_text {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        background: rgba(0, 0, 0, 0.3);
                        height: r(104px);
                        >h1 {
                            >span{
                                background: #B20000;
                            }
                            font-size: r(24px);
                            color: #FFFFFF;
                            width: 95%;
                            letter-spacing: 1px;
                            margin: 0 auto;
                            overflow: hidden;
                            line-height: r(104px);
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                        }
                        
                    }
                }
            }
        }
    }
    .art{
        width: 94%;
        margin: 0 auto;
        >ul{
            margin-top: 3%;
            >li{
                width: 49%;
                background: #f6f6f6;
                .fixHeight{
                    height: r(182px);
                    >img{
                        height: 100%;
                    }
                }
                >h1{
                    font-size: r(20px);
                    overflow: hidden;
                    margin-top:5px;
                    padding: 0 4px;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                }
                >section{
                    display: block;
                    width: 90%;
                    font-size:0 ;
                    margin: 0 auto;
                    &:first-of-type{
                      margin-top:4%;
//                    display: flex;
//                    justify-content: space-between;
                        >p{
                            display: inline-block;
                            background: #b20000;
                            color: white;
                            float: left;
                            text-align: center;
                            font-size: r(18px);
                            border-radius: 2px;
                            width: r(88px);
                            margin-right: 5%;
                            height: r(27px);
                        }
                        >a{
                            float:right;
                            color:#c5c5c5;
                            font-size:r(18px);
                            margin-right: 1%;
                        }
                    }
                    &:nth-of-type(2){
                       margin-top: 4%;
                       margin-bottom: 4%;
                        .fixWidth{
                            display: inline-block;
                            width: r(35px);
                            background: pink;
                            height: r(35px);
                            line-height: r(35px);
                            vertical-align: top;
                            text-align: center;
                            overflow: hidden;
                            >img{
                                height: 100%;
                            }
                        }
                        >span{
                            display: inline-block;
                            color:#c5c5c5;
                            text-align: center;
                           
                            font-size: r(18px);
                        }
                        >i{
                            display: inline-block;
                            color:#c5c5c5;
                            text-align: center;
                            padding-left: 2%;
                            font-size: r(18px);
                        }
                    }
                }
            }
        }
    }
} 

.nnnn{
    position: absolute;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    transition:all 500ms linear;
}       
.nnshow{
    transform: translateX(0);
     transition:all 500ms linear;
}    